<!DOCTYPE html>
<html lang="zh-cn" class="pui-app" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="description" content="Plane UI" />
    <meta name="keywords" content="Plane UI" />
    <title>宠-首页</title>

    <link rel="stylesheet" type="text/css" href="/planeui/dist/css/planeui.css" />
</head>
<body>
<!--[if lte IE 9]>
<div class="pui-layout pui-browsehappy">
    <a href="javascript:;" class="pui-close" onclick="document.body.removeChild(this.parentNode);"></a>
    <p>您正在使用 <strong class="pui-text-yellow pui-text-xl">过时</strong> 的非现代浏览器，<strong class="pui-text-success pui-text-xl">91.23%</strong> 的人选择 <a href="http://browsehappy.com/" target="_blank" class="pui-text-green-400 pui-text-xl"><strong>升级浏览器</strong></a>，获得了更好、更安全的浏览体验！</p>
</div>
<![endif]-->
<div class="pui-layout pui-app-layout">
    <div class="pui-side-slide-left">
        <div style="height:2000px;">左侧滑出层</div>
    </div>
    <div class="pui-side-slide-top">
        <div style="height:400px;">顶部滑出层</div>
    </div>
    <div class="pui-app-main pui-app-main-prev">
        <header class="pui-app-header pui-bg-blue-300">
            <div class="pui-app-header-aside">
                <!--                <a href="javascript:;" pui-side-slide="left">-->
                <a href="javascript:;">
                    <i class="fa fa-2x pui-text-white">宠</i>
                    <!--                    <i class="fa fa-list fa-2x pui-text-white"></i>-->
                </a>
            </div>
            <div class="pui-app-header-middle" pui-side-slide="top">
                <strong class="pui-h4 pui-text-white">那些温暖的宠</strong>
            </div>
            <div class="pui-app-header-offside">
<!--                                pui-side-slide="right"-->
                <a href="/home/myhome"  class="pui-text-white pui-text-xxl" style="font-size:12px;line-height:1;line-height:1;padding: 3px 12px 5px;">
                                        返回
                </a>
            </div>
        </header>
        <div style="padding-top:5px;">
            <div th:replace="/common/common_banner"></div>
        </div>
        <div class="pui-app-main-container" id="wrapper1" style="padding:10px;">
            <div class="pui-layout" style="width:96%;">
                <form method="post" action="/home/api/update" id="user-info-form" class="pui-form-label-left">
                    <input type="hidden" name="id" th:value="${user.id}"/>
                    <p style="width:100%;font-size:14px;">手机号码：</p>
                    <input type="text" name="photo" th:value="${user.phone}" readonly style="border:0px;background-color:#f6f6f6;">
                    <p style="width:100%;font-size:14px;">昵称：</p>
                    <input type="text" name="nickname" th:value="${user.nickname}">
                    <span fv-role="username">
                        <span type="normal">* 必填项，用户名只能由6到16个大小写字母、数字、横线、下划线组成的字符。</span>
                        <span type="success"><i class="fa fa-check-circle"></i> 正确</span>
                        <span type="empty"><i class="fa fa-close"></i> 错误：用户名不能为空。</span>
                        <span type="error"><i class="fa fa-close"></i> 错误：用户名只能由6到16个大小写字母、数字、横线或下划线组成的字符。</span>
                        <span type="normal"></span>
                        <span type="empty"><i class="fa fa-close"></i> 错误：用户名不能为空。</span>
                        <span type="error"><i class="fa fa-close"></i> 错误：用户名必须以英文字母开头的英文字母、数字或下划线的5-16位组合。</span>
                        <span type="success"><i class="fa fa-check-circle"></i> 正确</span>
                    </span>
                    <p style="width:100%;font-size:14px;">联系地址/收货地址：</p>
                    <input type="text" name="address" th:value="${location}">
                    <br>
                    <div class="pui-form-group">
                        <p style="width:100%;font-size:14px;">请选择性别：</p>
                        <pui-radio name="sex" value="1" th:class="${user.sex==1}? 'checked' : ''">男<input type="radio" name="sex" value="1"></pui-radio>
                        <pui-radio name="sex" value="2" th:class="${user.sex==2}? 'checked' : ''">女<input type="radio" name="sex" value="2"></pui-radio>
                        <pui-radio name="sex" value="-1" th:class="${user.sex==-1}? 'checked' : ''">保密<input type="radio" name="sex" value="-1"></pui-radio>
                    </div>
                    <br>
                    <p style="width:100%;font-size:14px;">个人签名：</p>
                    <textarea name="remark" style="width: 100%;height: 80px;margin-bottom:15px;" th:utext="${user.remark}"></textarea>
                    <br>
                    <div class="pui-input-list pui-clear">
                        <input id="save_user" type="button" class="pui-btn pui-btn-success" value="信息修改">
                    </div>
<!--                    <input type="button" name="submit" id="test-form-submit" value="提交表单">-->
                </form>
            </div>
        </div>
        <!-- footer -->
        <div th:replace="/common/footer.html"></div>
    </div>
</div>

<!--[if (gte IE 9) | !(IE)]><!-->
<script type="text/javascript" src="/planeui/app/js/jquery-2.1.1.min.js"></script>
<!--<![endif]-->

<!--[if lt IE 9]>
<script type="text/javascript" src="/planeui/app/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/planeui/dist/js/planeui.patch.ie8.js"></script>
<![endif]-->

<!--[if lt IE 10]>
<script type="text/javascript" src="/planeui/dist/js/planeui.patch.ie9.js"></script>
<![endif]-->
<script type="text/javascript" src="/planeui/dist/js/planeui.js"></script>
<script type="text/javascript" src="/planeui/app/js/iscroll.js"></script>
<!--<script type="text/javascript" src="/js/index.js"></script>-->
<script type="text/javascript" src="/js/userInfo.js"></script>
<script type="text/javascript" src="/js/uploadcw.js"></script>
</body>
</html>